<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>


<jsp:include page="head.jsp"></jsp:include>
<!DOCTYPE html>
<html>
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>漫步时尚广场</title>
    <c:set var="contextpath" value="${pageContext.request.contextPath}" scope="application"/>
    <script>
        var contextpath="${contextpath}";
    </script>
    <link href="${pageContext.request.contextPath }/css/style.css" rel="stylesheet" type="text/css">
    <style type="text/css">
        .focusBox {
            position: absolute;
            top: 490px;
            width: 120px;
            left: 50%;
            margin-left: -60px;
            list-style: none;
        }

        .focusBox li {
            float: left;
            margin-right: 10px;
            width: 15px;
            height: 15px;
            border-radius: 10px;
            background: gray;
            cursor: pointer;
        }

        .focusBox li.cur {
            background: #f60;
            opacity: 0.6;
            filter: alpha(opacity=60);
        }
        .goodhead{
            float:left;
            margin-top: 0px;
            background: #F66636;
            width: 1196px;
            height: 30px;
            text-align: center;
            font-size: x-large;
        }
        .detailmg{
            float: left;
            margin-top: 35px;
        }
        .detail{
            float: left;
            margin-top: 35px;
            margin-left: 20px;
            width: 900px;
            height: 250px;
            border-radius: 10px;
            text-align: left;
            font-size: large;
        }
        .detailhead{
            float: left;
            margin-top: 30px;
            margin-left: 20px;
            text-align: center;
            font-size: large;
        }
    </style>
    <script type="text/javascript" src="${pageContext.request.contextPath }/js/pictureSlide.js" ></script>
</head>
<body>
<!--logo和banner start-->
<table width="1200" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
        <td height="95"><a href="index"><img src="${pageContext.request.contextPath }/images/logo.jpg"></a></td>
        <td align="right"><img src="${pageContext.request.contextPath }/images/banner.jpg"></td>
    </tr>
</table>
<!--logo和banner  end-->
<!--菜单导航 start-->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ce2626" >
    <tr>
        <td><table width="1200" border="0" cellspacing="0" cellpadding="4" align="center" class="nav_font16">
            <tr>
                <td width="200">&nbsp;</td>
                <td width="80" align="center" class="nav_active"><a href="${pageContext.request.contextPath}/index" class="white">首页</a></td>
                <td width="100" align="center"><font style="color: white;">最新上架</font></td>
                <td width="100" align="center">品牌活动</td>
                <td width="100" align="center">原厂直供</td>
                <td width="80" align="center">团购</td>
                <td width="100" align="center">限时抢购</td>
                <td width="100" align="center">促销打折</td>
                <td width="200" align="center">&nbsp;</td>
            </tr>
        </table></td>
    </tr>
</table>
<!--菜单导航 end-->
<!--中间部分 start-->
<table width="1200" border="0" align="center" cellpadding="0" cellspacing="0" class="padding-top">
    <tr>
        <td width="716" valign="top">
            <table>
                <td align="center">
                        <%-- start orderdetail --%>
                        <div class="block clearfix">
                            <div class="goodhead">
                              商品详情
                            </div>
                            <div class="detailmg">
                                <img src="${pageContext.request.contextPath }/images/shopshow/yifu3.jpg" style="width: 200px;height: 260px">
                            </div>
                            <div class="detailhead">
                                【PLAYBOY联名】UNIFREE方领短袖T恤女正肩撞色复古显瘦短款上衣
                            </div>
                            <div class="detail">
                                适用年龄：&nbsp18—24周岁&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                                尺码：&nbspM，L，XL&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                                图案：&nbsp素花<br>
                                风格：&nbsp风格&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                                领型：&nbsp圆领&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                                图案文化：&nbsp创意<br>
                            </div>
                        </div><%-- end orderdetail --%>
                </td>

            </table>

        </td>
    </tr>
</table>
<!--中间部分 end-->

<!--底部 start--><Br/>
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#6a6665" height="35" class="foot_bg">
    <tr>
        <td class="padding-top"><table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
                <td width="20%" align="center"><img src="${pageContext.request.contextPath }/images/gray1.jpg" ></td>
                <td width="20%" align="center"><img src="${pageContext.request.contextPath }/images/gray2.jpg" ></td>
                <td width="20%" align="center"><img src="${pageContext.request.contextPath }/images/gray3.jpg" ></td>
                <td width="20%" align="center"><img src="${pageContext.request.contextPath }/images/gray4.jpg" ></td>
                <td width="20%" align="center"><img src="${pageContext.request.contextPath }/images/gray5.jpg" ></td>
            </tr>
        </table></td>
    </tr>
    <tr>
        <td bgcolor="#efefef" class="foot_line padding-top"><table width="1200" border="0" cellspacing="0" cellpadding="0" align="center">
            <tr>
                <td align="center" valign="top"><img src="${pageContext.request.contextPath }/images/red1.jpg"><br>
                    <img src="${pageContext.request.contextPath }/images/line1.jpg"/></td>
                <td width="15%" valign="top"><table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="font16 padding-bottom">新手指导</td>
                    </tr>
                    <tr>
                        <td>用户注册</td>
                    </tr>
                    <tr>
                        <td>电话下单</td>
                    </tr>
                    <tr>
                        <td>购物流程</td>
                    </tr>
                    <tr>
                        <td>购物保障</td>
                    </tr>
                    <tr>
                        <td>服务协议</td>
                    </tr>
                </table></td>
                <td align="center" valign="top"><img src="${pageContext.request.contextPath }/images/red2.jpg"><br>
                    <img src="${pageContext.request.contextPath }/images/line1.jpg"/></td>
                <td width="15%" valign="top"><table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="font16 padding-bottom">支付方式</td>
                    </tr>
                    <tr>
                        <td>货到付款</td>
                    </tr>
                    <tr>
                        <td>商城卡支付</td>
                    </tr>
                    <tr>
                        <td>支付宝、网银支付</td>
                    </tr>
                    <tr>
                        <td>优惠券抵用</td>
                    </tr>
                </table>
                <td align="center" valign="top"><img src="${pageContext.request.contextPath }/images/red3.jpg"><br>
                    <img src="${pageContext.request.contextPath }/images/line1.jpg"/></td>
                <td width="15%" valign="top"><table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="font16 padding-bottom">配送方式</td>
                    </tr>
                    <tr>
                        <td>闪电发货</td>
                    </tr>
                    <tr>
                        <td>满百包邮</td>
                    </tr>
                    <tr>
                        <td>配送范围及时间</td>
                    </tr>
                    <tr>
                        <td>商品验收及签收</td>
                    </tr>
                    <tr>
                        <td>服务协议</td>
                    </tr>
                </table></td>
                <td align="center" valign="top"><img src="${pageContext.request.contextPath }/images/red4.jpg"><br>
                    <img src="${pageContext.request.contextPath }/images/line1.jpg"/></td>
                <td width="15%" valign="top"><table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="font16 padding-bottom">售后服务</td>
                    </tr>
                    <tr>
                        <td>退换货协议</td>
                    </tr>
                    <tr>
                        <td>关于发票</td>
                    </tr>
                    <tr>
                        <td>退换货流程</td>
                    </tr>
                    <tr>
                        <td>退换货运费</td>
                    </tr>
                </table></td>
                <td align="center" valign="top"><img src="${pageContext.request.contextPath }/images/red5.jpg"><br>
                    <img src="${pageContext.request.contextPath }/images/line1.jpg"/></td>
                <td width="15%" valign="top"><table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="font16 padding-bottom">关于帐号</td>
                    </tr>
                    <tr>
                        <td>修改个人信息</td>
                    </tr>
                    <tr>
                        <td>修改密码</td>
                    </tr>
                    <tr>
                        <td>找回密码</td>
                    </tr>
                </table></td>
                <td align="center" valign="top"><img src="${pageContext.request.contextPath }/images/red6.jpg"><br>
                    <img src="${pageContext.request.contextPath }/images/line1.jpg"/></td>
                <td width="15%" valign="top"><table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="font16 padding-bottom">优惠活动</td>
                    </tr>
                    <tr>
                        <td>竞拍须知</td>
                    </tr>
                    <tr>
                        <td>抢购须知</td>
                    </tr>
                </table></td>
            </tr>
        </table></td>
    </tr>
    <tr>
        <td bgcolor="#efefef" align="center" class="padding-top">Copyright  2015-2020  Q- Walking Fashion E&S 漫步时尚广场（QST教育）版权所有<Br/>
            中国青岛 高新区河东路8888号  青软教育集团    咨询热线：400-658-0166  400-658-1022<br/>
            <img src="${pageContext.request.contextPath }/images/foot_pic.jpg"></td>
    </tr>
</table>
<!--底部 end-->
</body>
</html>
